/* Urban extra stuff*/
body {
  color: #26272B;
  background-color: #e6ecf0;
}
/*Nyelvválasztó gomb beállításai*/
.culture-selector .k-button-solid-base {
  background-color: transparent;
}
/*Táblázatok (mobility és forgalom oldalakon) beállításai kezdés*/
/*Lenyíló lista beállításai*/
.k-list-item.k-selected,
.k-selected.k-list-optionlabel {
  background-color: #4E5BA6 !important;
}
/*Selected elemek beállításai*/
.k-grid td.k-selected,
.k-grid tr.k-selected > td {
  background-color: #3E4784;
  color: white;
}
/*Táblázat tr-jeinek beállítása*/
.k-grid tbody tr:hover:not(.k-detail-row) td {
  background-color: #3E4784 !important;
  background-color: transparent;
  color: white;
}
/*Táblázat oldalainak számainak beállítása*/
.k-pager-numbers .k-link {
  color: #3E4784 !important;
}
/*Jelenleg kiválasztott oldal számának beállítása*/
.k-pager-numbers .k-link.k-selected {
  background-color: #3E4784 !important;
  color: white !important;
}
/*Betöltő ikon színének beállítása*/
.k-loader-primary {
  color: #3E4784;
}
.k-toolbar {
  display: none;
}
/*Táblázat beállításainak vége*/
/*Primary gombok beállításai*/
.btn.primary,
.k-button.k-primary,
.k-button-solid-primary {
  background-color: #3E4784 !important;
}
/*Naptár beállításai*/
/*Naptár felső lécében "ma" szöveg beállításai*/
.k-calendar .k-nav-today,
.k-calendar .k-calendar-nav-today {
  color: #3E4784 !important;
}
/*Kiválasztott nap beállításai*/
.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link {
  color: white !important;
  background-color: #3E4784 !important;
}
/*Naptár beállításainak vége*/
/**/
.k-grouping-header-flex {
  display: none !important;
}
/*Chart táblázat beállításai (Mobility oldalon)*/
.chart-table {
  /*Chart Table beállításai*/
  /*Táblázat oszlopainak beállításai*/
  /*Táblázat utolsó oszlopának beállításai*/
  /*Fejléc tartalmainak beállítása*/
  /*Táblázat sorainak beállítása*/
}
.chart-table .trafficTableData td:nth-child(2),
.chart-table .k-grid-header-wrap th:first-child,
.chart-table .k-grid-header-wrap th:nth-child(2) {
  width: auto;
  font-family: Inter;
}
.chart-table .k-master-row td:first-child,
.chart-table .k-master-row td:nth-child(2),
.chart-table .k-master-row td:nth-child(3) {
  color: #26272B;
  font-family: Inter;
}
.chart-table .k-master-row td:nth-child(3) {
  font-weight: 600;
}
.chart-table .k-cell-inner > .k-link {
  padding: 12px 0;
}
.chart-table .k-grid tbody tr {
  height: 60.5px !important;
}
/*scroll bar*/
body:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
  background: #4E5BA6;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 8px;
}
/*table*/
/*Táblázat*/
.k-cell-inner > .k-link {
  flex: none;
  margin-right: 5px;
}
/*Gridek headerjében sorrend ikonjainak beállítása*/
.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-i-sort-asc-small,
.k-grid-header .k-i-sort-desc-small,
.k-grid-header .k-sort-order {
  color: #3E4784;
}
/*Táblázatok headerjeinek beállítása*/
.k-header > .k-cell-inner {
  margin: 0px;
}
/*Grid tartalmának beállítása*/
.k-grid-content {
  overflow-y: unset;
}
/*Grid checkboxainak checked beállításai*/
.k-checkbox:checked,
.k-checkbox.k-checked {
  border-color: #3E4784;
  color: white;
  background-color: #3E4784;
}
/*Grid checkboxainak checked:focus beállításai*/
.k-checkbox:checked:focus,
.k-checkbox.k-checked.k-focus {
  box-shadow: 0 0 0 2px #808080;
}
/*Nyelvválasztó gombok beállítása*/
.k-button-solid-base.k-selected {
  border-color: #3E4784 !important;
  background-color: #3E4784 !important;
}
/*Idő (óra és perc) választó hover beállításai (Forgalom fül)*/
.k-time-header .k-time-now:hover,
.k-time-selector-header .k-time-now:hover {
  color: #3E4784 !important;
}
/*Idő (óra és perc) választó beállításai (Forgalom fül)*/
.k-time-header .k-time-now,
.k-time-selector-header .k-time-now {
  color: #3E4784 !important;
}
/*Idő lista beállításai*/
.k-time-list .k-item:hover {
  color: #3E4784 !important;
}
/* grid */
.k-grid.font-size,
.k-grid.font-size .k-toolbar,
.k-grid.font-size table,
.k-grid.font-size .k-input,
.k-grid.font-size .k-picker,
.k-grid.font-size .k-button,
.k-popup,
.k-popup .k-input,
.k-popup .k-picker,
.k-popup .k-button,
.k-grid tbody tr,
.k-grid th {
  font-size: 14px !important;
}
/*culture selector*/
.load-area .culture-selector {
  position: absolute;
  bottom: -67vh;
  left: 35%;
  padding: 0px;
}
.load-area .culture-selector button {
  color: white;
  border: none;
}
.load-area .culture-selector button:hover {
  background: none;
  border: none;
}
/*Összes szenzor melletti csúszka gomb beállításai*/
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  margin: 0px !important;
}
/*Összes szenzor melletti csúszka gomb input beállításai*/
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/*Összes szenzor melletti csúszka gombjának beállításai*/
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
/*Összes szenzor melletti csúszka gombjának before beállításai*/
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
/*Checkelt inputok és slider beállításai*/
input:checked + .slider {
  background-color: #3E4784;
}
/*Focus-ált inputok beállításai*/
input:focus + .slider {
  box-shadow: 0 0 1px #3E4784;
}
/*Chechkelt inputok és slider:before beállításai*/
input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}
/*Lekerekített sliderek*/
.slider.round {
  border-radius: 34px;
}
/*Lekerekített sliderek before beállításai*/
.slider.round:before {
  border-radius: 50%;
}
/*Összes szenzor box beállításai*/
.toggle-div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  align-items: center;
  align-content: center;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 2px 6px;
}
/*Összes szenzor box margin-top beállításai*/
.leaflet-top .leaflet-control {
  margin-top: 70px;
}
/*Összes szenzor box margin-left beállításai*/
.leaflet-left .leaflet-control {
  margin-left: 25px;
}
/*"Összes szenzor" felirat beállításai*/
.toggle-label {
  margin: 5px !important;
}
/*tooltip*/
/*Táblázatok animáció beállításai*/
.black-white .k-tooltip {
  background: white;
  color: black;
}
/*Értesítő fül beállításai*/
.notification {
  z-index: 99999;
  position: absolute;
}
[id*="markerchartdiv_"] .am5-html-container {
  z-index: 900;
}
/*Leaflet tooltip beállításai*/
.leaflet-tooltip {
  border-radius: 8px;
  padding: 16px;
}
.outage-tooltip {
  background-color: #FFFBEB !important;
  border-radius: 8px;
  border: 1px solid #D97706;
}
.outage-tooltip #outage-id {
  background-color: transparent;
  box-shadow: none;
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav {
    display: block;
  }
}
/*Kepler beállításai*/
#kepler-gl__map {
  width: 100% !important;
  height: 100vh !important;
}
/*Infobar tooltip beállításai*/
.infobar_tooltip {
  left: 8% !important;
}
/*Táblázat tooltipjének beállításai*/
.k-tooltip-content {
  padding: 10px;
}
/*(Forgalom fül) Táblázat nézet -> "Összes adat" melletti (és traffic filter paneljén lévő) gomb beállításai amennyiben a gomb be van kapcsolva*/
.k-switch-on .k-switch-track {
  border-color: #3E4784 !important;
  background-color: #3E4784 !important;
}
/*(Forgalom fül) Táblázat nézet -> "Összes adat" melletti (és traffic filter paneljén lévő) gomb beállításai*/
.k-switch-md .k-switch-thumb {
  width: 20px;
  height: 20px;
}
/*(Forgalom fül) Táblázat nézet -> "Összes adat" melletti (és traffic filter paneljén lévő) gomb beállításai amennyiben a gomb ki van kapcsolva*/
.k-switch-off .k-switch-track {
  border-color: #ebebeb;
  color: #424242;
  background-color: #CCCCCC;
}
/*(Forgalom fül) Táblázat nézet -> "Összes adat" melletti (és traffic filter paneljén lévő) gomb focus beállításai amennyiben a gomb ki van kapcsolva*/
.k-switch-off:focus .k-switch-track,
.k-switch-off.k-focus .k-switch-track {
  outline: none !important;
}
/*(Forgalom fül) Táblázat nézet -> "Összes adat" melletti (és traffic filter paneljén lévő) gomb focus beállításai amennyiben a gomb be van kapcsolva*/
.k-switch-on:focus .k-switch-track,
.k-switch-on.k-focus .k-switch-track {
  outline: none;
}
/*Szimulációs fül boxainak beállításai*/
.basicCard {
  width: 100%;
  height: 200px;
  background: white;
  float: left;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 4px 5px 10px grey;
  border: 0;
  min-width: 160px;
}
.basicCard h1 {
  font-weight: 800;
}
.bold-purple {
  font-weight: 700;
  color: #3E4784;
  font-size: 1.5em;
  box-shadow: 0 0 0 0 gray;
}
.bold-purple:hover {
  background-color: #3E4784;
  color: white;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.purple {
  color: #3E4784;
}
/*Szimulációs fül boxainak beállításainak vége*/
.maplibregl-map div:last-of-type {
  display: none;
}
.maplibregl-map .maplibregl-control-container {
  display: none;
}
.transition-visible[b-5dq78iuway] {
  overflow: visible !important;
}
.transition-visible.transition-collapsed {
  overflow: hidden !important;
}
.mobility .map-legend:nth-child(1) div:nth-child(3) {
  display: none;
}
/*Szimuláció projectcím tooltip*/
.tooltip {
  opacity: 1;
}
.k-popup {
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.06), 0px 4px 8px -2px rgba(0, 0, 0, 0.1);
}
.tooltip .k-tooltip {
  background: #D1D1D6;
  color: black;
  border-radius: 8px;
  padding-block: 0;
}
.tooltip .k-tooltip .k-callout {
  display: none;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: white !important;
}
::-webkit-scrollbar {
  width: 16px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.5);
}